<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Component 组件props 属性设置</title>
	<script type="text/javascript" src="../assets/js/vue.js"></script>
</head>
<body>
	<h1>Component 组件props 属性设置</h1>

	<hr>
	<div id="app">

        <jack :from-here="message"></jack>
	</div>
    

</body>
<script type="text/javascript">

var app = new Vue({
	el:'#app',
	data:{
		message:'China ads',
        red:'green'
	},
    components:{
        "jack":{
            template:`<div style="color:red">我是局部jack组件{{fromHere}}</div>`,
            props:['fromHere']
        }
    }
   
})

</script>
</html>